<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="/assets/editormd/css/editormd.min.css">
<script src="/assets/js/bootstrap.min.js"></script>
<div class="container">
  {{template "header"}}
  <form method="post" action="/post">
    <div class="mb-3">
      <label for="exampleInputEmail1" class="form-label">请输入标题</label>
      <input type="text" name="title" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
      <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
    </div>
    <div class="mb-3">
      <label for="exampleInputPassword1" class="form-label">请输入标签</label>
      <input type="text" name="tag" class="form-control" id="exampleInputPassword1">
    </div>
    <div class="mb-3 form-check">
      <input type="checkbox" class="form-check-input" id="exampleCheck1">
      <label class="form-check-label" for="exampleCheck1">Check me out</label>
    </div>
    <div id="test-editor">
    <textarea style="display:none;" name="content">### 关于 Editor.md

**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器（组件），基于 CodeMirror、jQuery 和 Marked 构建。
    </textarea>
    </div>
    <button type="submit" class="btn btn-primary">提交</button>
  </form>
  <link rel="stylesheet" href="editormd/css/editormd.css" />
  <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
  <script src="/assets/editormd/editormd.min.js"></script>
  <script type="text/javascript">
    $(function() {
      var editor = editormd("test-editor", {
        // width  : "100%",
        height : 640,
        path   : "assets/editormd/lib/"
      });
    });
  </script>

</div>
</body>
</html>